/*
    Theme Name: STAY
    Theme URI: www.stayma.cn
    Description: 3D多层大气清新主题
    Version: 1.0
    Author: STAYMA
    Author URI: www.stayma.cn
    Tags: 大气,多层,清新,pjax,ajax
*/
html{font-size:16px;background:#f6f6f6;-webkit-font-smoothing:antialiased;}
@-webkit-keyframes hue{
    from{-webkit-filter:hue-rotate(0deg);}
    to{-webkit-filter:hue-rotate(-360deg);}
}
*::-moz-selection{background:#feab3a;color:#fff;}
*::selection{background:#feab3a;color:#fff;}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0px;padding:0px;margin:0px;font-family:"Microsoft YaHei"!important;text-decoration:none;font-style:inherit;font-weight:inherit;font-size:100%;color:#2b2b2b;font-weight:300;}
.header{width:100%;overflow:hidden;}
.headerZ{width:100%;position:fixed;background:#373735;height:3.125rem;z-index:2;color:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,0.2),0 3px 20px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);}
.topNav{max-width:73.125rem;margin:0 auto;padding:0 1rem;height:3.125rem;display:block;}
.topNav > ul{list-style:none;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;position:relative;}
.topNav > ul > li{padding:0 1rem;height:100%;position:relative;}
.topNav > ul > li:hover .sub-menu{display:block;}
.topNav > ul > li > a{text-align:center;width:100%;height:100%;display:block;line-height:50px;color:#fff;}
.muen{display:none;}
.sub-menu{position:absolute;display:none;list-style:none;background:#fff;z-index:99;width:135px;padding:10px 5px;background:#fff;border-radius:5px;left:-35px;text-align:center;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.15);box-shadow:0 5px 15px rgba(0,0,0,.15);}
.sub-menu::after{position:absolute;top:-8px;left:58px;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.sub-menu a{font-weight:400;font-size:15px;border:none;display:block;position:relative;letter-spacing:0;padding:7px 15px!important;line-height:20px;color:#848484!important;text-transform:none;background:0;}
@media (max-width:768px){
    .headerZ{text-align:right;}
    .muen{display:inline;color:#fff;text-align:right;padding-right:1rem;line-height:3.125rem;}
    .topNav{padding:0;padding-top:2rem;display:none;position:fixed;top:3.125rem;right:0;height:100%;text-align:center;background:rgba(55,55,55,.9);}
    .topNav ul{display:block;padding:0;}
    .topNav ul li{text-align:center;padding:0 1rem;height:auto!important;}
    .topNav ul li a{line-height:2.2;width:auto;text-align:center;padding:0 2rem;}
    .topNav ul li a:hover{color:#ccc;}
    .sub-menu{position:relative!important;background:none;width:100%;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;display:inline;left:0px!important;}
    .sub-menu li{width:auto;padding:0;}
    .sub-menu a{width:auto;text-align:center;padding:0 2rem;text-transform:none;background:0;height:100%;display:block;line-height:2.125rem;color:rgba(255,255,255,.55)!important;}
    .sub-menu a:hover{color:#ccc!important;}
    .sub-menu::after{position:absolute;top:0;left:0;border-right:0;border-bottom:0;border-left:0;content:'';}
}
@media (min-width:769px){
    .topNav{display:block!important;}
}
.headerFilter{height:29.75rem;background-position:center!important;background-repeat:no-repeat!important;}
.headerFilterZ{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.blogName{font-size:6rem;color:#fff;display:block;height:auto;font-weight:200;}
.blogName p{color:#fff;display:block;height:auto;font-weight:200;}

/*主体样式*/
.main{margin:-60px 30px 0;background:#f6f6f6;position:relative;border-radius:6px 6px 0 0;}
.hestiaBlogs{box-shadow:0 16px 24px 2px rgba(0,0,0,0.06),0 6px 30px 5px rgba(0,0,0,0.06),0 8px 10px -5px rgba(0,0,0,0.02);padding:65px 0 70px;}
.container{max-width:73.125rem;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;}
.blogsPost{width:71%;padding:0 1rem;}

/***********************************************
*                   文章列表
 **********************************************/
.post{padding:2.875rem 2.875rem;background:#fff;max-width:100%;margin-bottom:2.75rem;}
.post .postHeader h2{font-size:1.25rem;display:block;}
.post .postHeader h2:hover{opacity:0.5;}
.post .postHeader .postInfo{margin-top:0.55rem;font-size:1rem;}
.post .postHeader .postInfo span{margin-right:1rem;color:#999!important;}
.postBody{margin-top:1.25rem;}
.postBody img{max-width:100%;display:block;margin:0 auto;border-radius:5px;}
.postBody > p{color:rgb(85,85,85);line-height:1.5;margin-top:1.25rem;}
.postFooter{margin-top:1.75rem;}
.postFooter > span{margin-left:0.75rem;color:#999;}

/*分页样式*/
.nextPage{width:98%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.previous{margin-right:1.25rem;}
.next{margin-left:1.25rem;}
.nextPage div a{display:block;padding:16px 30px;text-transform:uppercase;font-family:'Cabin',Helvetica,sans-serif;letter-spacing:2.5px;color:#aaa;font-size:14px;font-size:0.875em;background:#7fcaad;color:#fFf;}
.nextPage div a:hover{opacity:.8;}
#noArticle{display:block;margin:150px auto 0;font-size:2rem;text-align:center;}

/***********************************************
*                   侧边栏
 **********************************************/
.blogSidebar{width:26%;margin-left:3%;}
.topArticle{margin-top:1rem;padding:0.75rem;}
.topArticle ul{margin-top:1rem;font-size:0.875rem;list-style:none;}
.topArticle ul li{margin-bottom:0.55rem;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.topArticle ul li a{display:block;color:#c62d70;padding:0.25rem 0;}
.topArticle ul li a:hover{transform:scale(1.05);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.topArticle ul li p{color:#657786;}

/***********************************************
*                   页尾
 **********************************************/
.blogFooter{width:100%;height:90px;display:block;padding-top:1rem;background:#323437;color:#fff!important;}
.blogFooter > .container{justify-content:space-between;height:100%;align-items:center;}
.blogFooter p{display:block;color:#fff;font-size:0.875rem;opacity:.85;}
.blogFooter a{color:#fff;font-size:0.875rem;opacity:.85;}
.blogFooter ul{display:flex;list-style:none;}
.blogFooter ul li{padding:0.875rem 1.25rem;}
.blogFooter a:hover{color:#c62d70;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.goToheader:hover{background:rgba(0,0,0,0.6);color:#fff!important}
@media (max-width:576px){
    .post{display:block;}
    .post:nth-child(1){margin-top:15px;}
}
@media (max-width:768px){
    .main{margin:0px!important;border-radius:0;}
    .headerFilter{height:20.75rem;}
    .container{padding:0px;}
    .postInfoPadd{padding:1rem 0;}
    .blogName{font-size:3rem;}
    .blogSidebar{display:none;}
    .post{padding:2.875rem 1.75rem;}
    .blogsPost{padding:0;}
}
@media (max-width:992px){
    html{font-size:16px;}
    .main{margin:-60px 15px 0;}
    .container{display:block;}
    .blogsPost{width:100%;margin:0 auto;padding:0;}
    .blogSidebar{display:none;}
    .input.input--haruki{max-width:100%;margin:0 auto;}
    .input__label-content.input__label-content--haruki{text-align:center;}
    .hestiaBlogs{padding-top:10px;}
    .blogFooter ul{justify-content:center;margin-bottom:0.75rem;}
    .blogFooter ul li{padding:0.2rem 0.75rem;}
    .blogFooter{text-align:center;}
}

/***********************************************
*                   文章页面
 **********************************************/
.article{width:100%;display:block;}
.artTitle{font-size:3rem;text-align:center;}
.artTitle >span{font-size:2rem;color:#fff;}
.artPadd{padding:2.875rem 2.875rem;background:#fff;}
.artText img{max-width:100%;height:auto!important;margin:0 auto;display:block;margin-bottom:2em;}
.artText [rel="gallery"]{position:relative;display:inline-table;margin:0 auto;}
.artText [rel="gallery"] img{margin:0}
.artText [rel="gallery"]:hover:after,.artText [rel="gallery"]:hover:before{visibility:visible}
.artText [rel="gallery"]:hover:after{opacity:.75}
.artText [rel="gallery"]:hover:before{opacity:1}
.artText [rel="gallery"]::after{background:#1abc9c;background:-moz-linear-gradient(top,#bebbaa 0%,#1abc9c 100%);background:-webkit-gradient(linear,top center,bottom center,color-stop(0%,#bebbaa),color-stop(100%,#1abc9c));background:-webkit-linear-gradient(top,#bebbaa 0%,#1abc9c 100%);background:-o-linear-gradient(top,#bebbaa 0%,#1abc9c 100%);background:-ms-linear-gradient(top,#bebbaa 0%,#1abc9c 100%);background:linear-gradient(to bottom,#bebbaa 0%,#1abc9c 100%);}
.artText [rel="gallery"]:after,.artText [rel="gallery"]:before{-webkit-transition:opacity 0.25s ease,visibility 0.25s ease;-moz-transition:opacity 0.25s ease,visibility 0.25s ease;-ms-transition:opacity 0.25s ease,visibility 0.25s ease;-o-transition:opacity 0.25s ease,visibility 0.25s ease;transition:opacity 0.25s ease,visibility 0.25s ease;position:absolute;opacity:0;visibility:hidden}
.artText [rel="gallery"]:after{content:'';top:0;right:0;left:0;bottom:0;overflow:hidden;border-radius:3px}
.artText [rel="gallery"]:before{font-size:24px;font-size:1.5rem;line-height:1;z-index:1;color:#fff;content:'原图';font-family:iconfont;top:50%;left:50%;margin-left:-12px;margin-top:-12px}
.artText a{color:#e91e63!important;}
hr{max-width:100%;height:50px;background:url(https://i.loli.net/2018/05/07/5af0548ed5941.gif) right center no-repeat;border:none;margin-top:15px;margin-bottom:15px;}
.artText ol{list-style-type:upper-roman;padding-left:40px;margin-bottom:30px;}
.artText ul{list-style-type:disc!important;padding-left:40px;margin-bottom:30px;}
.artText li{line-height:1.75}
.artText p{margin-bottom:2em;line-height:1.75;font-size:1.25rem;}
.artText h1{font-size:42px;margin:0 0 15px;}
.artText h2{font-size:37px;margin:0 0 15px;}
.artText h3{font-size:32px;margin:0 0 15px;}
.artText h4{font-size:27px;margin:0 0 15px;}
.artText h5{font-size:23px;margin:0 0 15px;}
.artText h6{font-size:18px;margin:0 0 15px;}
@media (max-width:768px){
    .artText h1{font-size:36px;margin:0 0 15px;}
    .artText h2{font-size:32px;margin:0 0 15px;}
    .artText h3{font-size:28px;margin:0 0 15px;}
    .artText h4{font-size:24px;margin:0 0 15px;}
    .artText h5{font-size:21px;margin:0 0 15px;}
    .artText h6{font-size:18px;margin:0 0 15px;}
}
table,.table{width:100%;margin-bottom:1rem;}
table > thead > tr > th,.table > thead > tr > th{border-bottom-width:1px;padding:12px 8px;vertical-align:middle;}
table > tbody > tr > th,table > tfoot > tr > th,table > thead > tr > td,table > tbody > tr > td,table > tfoot > tr > td,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:12px 8px;vertical-align:middle;text-align:left;}
table > tbody > tr,.table > tbody > tr{border-bottom:1px solid #ccc;}
table > tbody > tr:last-child,.table > tbody > tr:last-child{border-bottom:0;}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee;}
blockquote p{margin-bottom:0rem!important;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
.artFootInfo{margin-top:3rem;padding-top:3rem;margin-bottom:2rem;border-top:1px solid #ccc;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;color:#ccc!important;}
.comments-div{padding:2.875rem 2.875rem;}
#visible{display:none;}
.visible{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;list-style:none;}
.visible > a{margin:1.75rem 2rem;color:#ccc;opacity:.6;}
.visible > a:hover{opacity:.8;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
@media (max-width:992px){
    .artFootInfo{font-size:0.875rem!important;}
    .visible > a{margin:1.25rem 1.25rem;}
    .artTitle{font-size:2rem;}
    .artTitle >span{font-size:1rem;}
    .comments-div{padding:1.875rem 0.875rem}
}
@media (max-width:768px){
    .artTitle{font-size:2rem;}
    .artTitle >span{font-size:0.875rem;}
}

/*********************************************
*                   评论样式
**********************************************/
#respond{position:relative;}
#comments{padding-bottom:30px;line-height:1;margin-top:25px;width:100%;}
.comment-z{padding:0 25px;}
.comments-title{position:relative;padding-bottom:10px;font-size:18px;color:#666;border-bottom:1px solid #f1f1f1;}
h3.comments-title:after{position:absolute;content:'';top:29px;left:0;width:135px;height:1px;background:#fa2a2a;}
.commentCount{color:#fa2a2a;}
.commentlist{list-style:none;margin:10px 0 0;padding:0;}
.commentlist ol{list-style:none;}
.comment{padding:10px 10px 5px;margin:25px 0;}
.comment .media-left{display:table-cell;vertical-align:top;padding-right:10px;}
.comment .media-left img{border-radius:50%;}
.comment .media-body{display:table-cell;vertical-align:top;}
.comment .media-body .author_name{margin-bottom:5px;font-size:14px;color:#777;}
.comment .media-body p{font-size:14px;line-height:1.5em;color:#777;}
.comment .media-body p a{color:#000;}
.comment .comment-metadata{margin-left:58px;padding:5px 0;}
.comment .comment-metadata span{margin-right:15px;font-size:13px;}
.comment .comment-metadata span{font-size:12px;color:#999;}
.comment .comment-metadata span.comment-btn-reply a:hover{color:#666;}
.comment .comment-metadata span.comment-btn-reply i{color:#d1d1d1;}
.comment .comment-metadata span.comment-btn-reply a{color:#999;}
.commentlist > .comment{border-bottom:1px dotted #d9d9d9;}
.commentlist #AtName{color:#FF694E;}
.commentlist .children{padding-left:48px;}
.commentlist .children > .comment{}
#reply-title{font-size:14px;color:#666;border-bottom:0;color:#999;}
#reply-title a:first-child,.warning-text a:first-child{display:inline-block;margin:0 2px;padding:2px 5px;background:#fa2a2a;/*main-color*/color:#fff;font-size:14px;}
#reply-title #cancel-comment-reply-link{background:#fff;color:#999;}
#reply-title #cancel-comment-reply-link:hover{text-decoration:underline;}
.warning-text{color:#999;}
.link-logout{color:#999;}
.comment-navigation{width:100%;margin:0 auto;padding:15px 0;text-align:center;}
.comment-navigation .page-numbers{display:inline-block;padding:9px 16px;color:#999;background:#f1f1f1;}
.comment-navigation .page-numbers:hover{background:#e8e8e8;color:#666;}
.comment-navigation .current,.comment-navigation .current:hover{background:#fa2a2a;/*main-color*/color:#fff;}
textarea#comment{display:block;width:100%;margin-bottom:10px;background:#e9e9e9;border-radius:15px;color:#777;border:0;box-shadow:none;height:90px;padding:10px;resize:none;border-radius:5px;transition:background .3s;padding-bottom:25px;outline:none;}
textarea#comment:focus{background:#ccc;}
.commentform{padding:0 15px;}
.commentform-info{margin-bottom:15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;}
.commentform-info label{width:30%;}
.commentform-info input{width:100%;outline:none;border:0;border-radius:5px;box-shadow:none;background:#eee;font-weight:normal;transition:background .5s;padding:15px 10px;}
.commentBtn{margin-top:25px;overflow:hidden;position:relative;transition:all 0.333s ease,box-shadow .25s ease;}
.commentBtn .btn{float:left;display:block;padding:15px 25px;max-width:140px!important;text-align:center;background:#ccc;border:0;color:#2b2b2b!important;transition:all 0.333s ease,box-shadow .25s ease;}
.commentBtn .btn:hover{background:rgba(0,0,0,0.6);color:#fff!important;}
.commentBtn .onSubmit >a{transition:all 0.333s ease,box-shadow .25s ease;float:right;display:block;padding:15px 25px;max-width:140px!important;text-align:center;background:#ccc;border:0;color:#2b2b2b!important;}
.commentBtn .onSubmit >a:hover{background:rgba(0,0,0,0.6);color:#fff!important;}
input#submit{color:#fff;}
#commentload,#commenterror{text-align:center;position:absolute;margin:0 auto;left:50%;transform:translateX(-50%);}
@media(max-width:680px){
    .commentform-info{display:block!important;}
    .commentform-info input{display:block;width:80%;margin-bottom:10px;}
}

/*********************************************
*                   顶部进度条样式
**********************************************/
#nprogress{pointer-events:none;}
#nprogress .bar{background:#ec2424;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px;}
#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #ec2424,0 0 5px #ec2424;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px;}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#ec2424;border-left-color:#ec2424;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent{overflow:hidden;position:relative;}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute;}
@-webkit-keyframes nprogress-spinner{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes nprogress-spinner{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/***********************************************
*                   卡片文章
 **********************************************/
.wp-embed-post{padding-right:20px;margin:30px 0;word-wrap:break-word;overflow:hidden;max-width:100%;height:150px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);}
.wp-embed-post:hover{box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.2);}
.wp-embed-post > a{display:block;overflow:hidden;}
.wp-embed-post .wp-embed-img{width:25%;height:150px;float:left;}
.wp-embed-img img{padding:0!important;margin:0!important;max-width:100%;height:100%!important;}
.wp-embed-content{max-width:75%;float:left;}
.wp-embed-content > div{padding:10px;}
.wp-embed-post-heading{padding:0!important;margin:0!important;}
.wp-embed-post-excerpt{margin-top:5px;line-height:1.75;font-family:"Microsoft YaHei";color:rgba(2,0,0,.6);}
@media(max-width:768px){
    .wp-embed-img{display:none;}
    .wp-embed-content{float:none;max-width:100%;}
    .wp-embed-post{height:auto;}
    .wp-embed-post-heading{font-size:1rem!important;}
    .wp-embed-post-excerpt{font-size:0.875rem!important;}
}

/***********************************************
*                   代码高亮
 **********************************************/
code[class*="language-"],pre[class*="language-"] span{color:#fff;}
code[class*="language-"],pre[class*="language-"]{color:#f8f8f2;text-shadow:0 1px rgba(0,0,0,0.3);font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border-radius:0.3em;}
:not(pre) > code[class*="language-"],pre[class*="language-"]{background:#272822;}
:not(pre) > code[class*="language-"]{padding:.1em;border-radius:.3em;}
.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}
.token.punctuation{color:#f8f8f2;}
.namespace{opacity:.7;}
.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}
.token.boolean,.token.number{color:#ae81ff;}
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}
.token.atrule,.token.attr-value{color:#e6db74;}
.token.keyword{color:#66d9ef;}
.token.regex,.token.important{color:#fd971f;}
.token.important{font-weight:bold;}
.token.entity{cursor:help;}
pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber;}
pre.line-numbers > code{position:relative;}
.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.line-numbers-rows > span{pointer-events:none;display:block;counter-increment:linenumber;}
.line-numbers-rows > span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right;}

/***********************************************
*                   时间轴
 **********************************************/
.ssbody{width:100%;margin:0px auto;background-attachment:fixed;background-repeat:repeat;color:#FFFFFF;font-family:隶书;}
.shuoshuo{position:relative;padding:10px 0;}
.shuoshuo li{padding:8px 0;display:block;}
.shuoshuo-content{color:#FFFFFF;border-radius:4px;font-size:1.2em;margin:0 150px 0 200px;letter-spacing:1px;padding:15px 20px 5px 0px;min-height:20px;position:relative;white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
.shuoshuo-content p{margin:0;}
.shuoshuo-meta{text-align:right;letter-spacing:0px;margin-top:-10px;}
.shuoshuo .tt{font-size:12px;color:#A1A1A1}
.shuoshuo li em{float:left;width:50px;height:10px;margin:42px 0 0 28px;}
.shuoshuo .zhutou{border-radius:50%;margin:25px 35px 0 5px;float:right;padding:2px;border:1px #ddd dashed;display:block;transition:.5s;width:40px;height:40px;overflow:hidden;}
.shuoshuo:before{height:100%;width:2px;background:#eee;position:absolute;left:164px;content:"";top:0px;}
.shuoshuo-content:before{position:absolute;top:50px;bottom:0px;left:-42px;background:#fff;height:12px;width:12px;border-radius:6px;content:"";box-shadow:inset 0 0 2px #2b2b2b;}
.shuoshuo-content:after{position:absolute;top:52px;bottom:0px;left:-40px;background:#ccc;height:8px;width:8px;border-radius:6px;content:"";}
.shuoshuo:after{height:100%;width:2px;background:#eee;position:absolute;right:100px;content:"";top:0px;}
.shuoshuo-meta:before{position:absolute;top:42px;bottom:0px;right:-56px;background:#fff;height:12px;width:12px;border-radius:6px;content:"";z-index:2;box-shadow:inset 0 0 2px #2b2b2b;}
.shuoshuo-meta:after{position:absolute;top:44px;bottom:0px;right:-54px;background:#ccc;height:8px;width:8px;z-index:2;border-radius:6px;content:"";}
.shuoshuo li:hover .shuoshuo-meta:after{background:#0c0;}
@media screen and (max-width:800px){
    .shuoshuo-content{margin:0 60px 0 70px;padding:10px 10px 5px 10px;}
    .shuoshuo:before{left:50px;}
    .shuoshuo-content:before{left:-26px;top:50px;}
    .shuoshuo-content:after{left:-24px;top:52px;}
    .shuoshuo:after{right:27px;}
    .shuoshuo-meta:before{right:-39px;top:33px;}
    .shuoshuo-meta:after{right:-37px;top:35px;}
    .shuoshuo .zhutou{margin:17px 5px 0 5px;}
    .shuoshuo li em{float:left;width:39px;height:10px;margin:34px 0 0 -1px;}
}

/***********************************************
*                   友情链接
 **********************************************/
.links{overflow:hidden;width:82%;margin:0 auto;}
.links>ul{overflow:hidden;margin-bottom:30px;text-align:center;}
.links>ul>li{text-align:center;display:block;float:left;width:292px;height:280px;padding:0 20px;border:1px solid #e6e6e6;border-radius:4px;background-color:hsla(0,0%,71%,.1);transition:.2s ease;-webkit-transition:.2s ease;box-sizing:border-box;margin:0 10.5px;margin-top:80px;}
.links>ul>li:hover{box-shadow:0 5px 20px rgba(0,0,0,.1)}
.links>ul>li a img{height:80px;width:80px;border-radius:50%;border:1px solid #ddd;margin-top:-40px;}
.links>ul>li .linkinfo{margin-top:25px;width:250px;}
.links>ul>li .linkname{margin-top:25px;color:#000;font-size:18px;font-weight:600;}
.links>ul>li .but-success{width:100px;padding:8px 0;border-color:#7fcaad;font-size:16px;font-weight:400;line-height:normal;margin-top:35px;border-radius:40px;color:#fff;background-color:#7fcaad;display:inline-block;}
.links>ul>li:hover .but-success{opacity:0.8}
@media(max-width:642px){
    .links>ul>li{float:none;margin:80px auto 0;}
    .links{width:100%;}
}